* {
    margin: 0;
    padding: 0;
    user-select: none; // 不可选中
}

input {
    border: 2px solid @dps-color-gray;
    outline: none;
}

button {
    background: none;
    border: none;
}

/* 过渡动画 */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 500ms ease;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

/* 动画帧 */
@keyframes rotateKeyframes {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 通用样式常量 */
/* 文字尺寸 */
@dps-font-size-sm: 12px;
@dps-font-size-base: 13px;
@dps-font-size-lg: 15px;
/* 颜色 */
@dps-color-black: rgb(0, 0, 0);
@dps-color-black-70: rgba(0, 0, 0, 70%);
@dps-color-black-0: rgba(0, 0, 0, 0%);
@dps-color-white: rgb(255, 255, 255);
@dps-color-white-15: rgba(255, 255, 255, 15%);
@dps-color-white-30: rgba(255, 255, 255, 30%);
@dps-color-white-50: rgba(255, 255, 255, 50%);
@dps-color-white-70: rgba(255, 255, 255, 70%);
@dps-color-light-gray: rgb(200, 200, 200);
@dps-color-light-gray-10: rgba(200, 200, 200, 10%);
@dps-color-light-gray-15: rgba(200, 200, 200, 15%);
@dps-color-light-gray-30: rgba(200, 200, 200, 30%);
@dps-color-light-gray-50: rgba(200, 200, 200, 50%);
@dps-color-gray: rgb(60, 60, 60);
@dps-color-gray-50: rgba(60, 60, 60, 50%);
@dps-color-gray-70: rgba(60, 60, 60, 70%);
@dps-color-gray-90: rgba(60, 60, 60, 70%);
@dps-color-red: rgb(200, 0, 0);
@dps-color-red-70: rgba(255, 0, 0, 70%);
@dps-color-green: rgb(0, 200, 0);

